<template>
  <!-- 1应用信息泄露 -->
  <div class="xd-model-1">
    <div class="xd-model-head">
      <img
        :src="require('@/assets/xd/new/profilePicture1.png')"
        alt=""
        class="itp"
      />
      <div class="itc">风险警告</div>
    </div>

    <div class="tc">
      <div class="tc-List-1">
       
        <list-scroll class="box" :speed="0">
          <div class="list">
            <div
              class="infoItem2"
              v-for="(item, index) in infoList"
              :key="index"
            >
              <div class="_num">
                <img :src="require('@/assets/xd/new/Slice 7.png')" alt="" />
              </div>
              <div class="_cont"  @click="to1applicationScreen">
               {{ item.combatPhone.phoneName }}  的  {{ item.appName }}应用  越权访问  {{item.appRiskContent}}
              </div>
            </div>
          </div>
        </list-scroll>
      </div>
    </div>
  </div>
</template>

<script>
import {
  getWarnList,
} from "@/api/applicationService/applicationScreen.js";
import ListScroll from "@/components/DtSrcollCopy3";

export default {
  components: { ListScroll },
  data() {
    return {
      infoList: [],
      scrollTop: 0,
    };
  },
  mounted() {
    this.getData();
  },
  methods: {
    getData() {
      getWarnList().then((res) => {
        console.log('res99999',res);
        if(res.rows.length<20){
          this.infoList.push(...res.rows)
        }
      });
      // 定时获取数据
      let that = this;
      
    },
    to1applicationScreen() {
      this.$router.push('/applicationService/apk')
    },
  },
};
</script>

<style lang="scss" scoped>
.itp {
  height: 40px;
  padding-top: 10px;
}

.itc {
  position: absolute;
  top: 10px;
  left: 45px;
  /* // width: 150px; */
  height: 30px;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
}

.xd-model-1 {
  position: relative;
  z-index: 1000;
  width: 20%;

  .xd-model-head {
    width: 100%;
    position: absolute;
    top: 20px;
    left: 15px;
    z-index: 100;
    background-image: url("~@/assets/xd/new/title.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
}

.tc {
  position: absolute;
  top: 65px;
  left: 15px;
  width: 100%;
  height: 85vh;
  z-index: 100;
}

.bg1 {
  /* padding: 30px; */
  width: 100%;
  height: 100%;
  z-index: 10000;

  .tp {
    height: 50px;
  }

  .body {
    padding: 10px;
    color: #ffffff;
    font-weight: bold;
    text-align: left;
    font-size: 13px;
    margin: 4px 0;
    background-color: rgba(36, 121, 245, 0.1);
  }
}

.tc-List-1 {
  position: relative;
  height: 90%;
  overflow: hidden;
  .box{
    color: #fff;
    .infoItem2{
      display: flex;
      margin: 20px 0;
    }
  }
}
</style>
